<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial"/>
    <title>用户列表</title>

    <link rel="stylesheet" href="weui.css"/>
    <link rel="stylesheet" href="example.css"/>
    <link rel="stylesheet" href="users.css"/>
    <style>
        .row{
            margin:10px auto;
        }
    </style>
</head>
<body>
<div class="top">
    <div class="row top-content">
        <div class="col-md-4">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="搜索">
                   <span class="input-group-btn">
                       <button class="btn btn-default" type="button">搜索</button>
                   </span>
            </div>
        </div>
        <div class="anniu  col-md-8 col-md-offset-0">
            <button class="btn btn-default" type="submit">增加</button>
            <button class="btn btn-default" type="submit">删除</button>
            <button class="btn btn-default" type="submit">查询</button>
            <button class="btn btn-default" type="submit">修改</button>
        </div>
    </div>
</div>

<div class="weui_cells_title">公司用户</div>
    <div class="weui_cells weui_cells_access">
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:25px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>用户1</p>
            </div>
            <div class="weui_cell_ft">
                用户1描述
            </div>
        </a>
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:20px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>用户2</p>
            </div>
            <div class="weui_cell_ft">
                用户2描述
            </div>
        </a>
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:25px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>用户3</p>
            </div>
            <div class="weui_cell_ft">
                用户3描述
            </div>
        </a>
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:20px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>用户4</p>
            </div>
            <div class="weui_cell_ft">
                用户4描述
            </div>
        </a>
    </div>

    <div class="weui_cells_title">个人用户</div>
    <div class="weui_cells weui_cells_access">
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:25px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>用户1</p>
            </div>
            <div class="weui_cell_ft">
                用户1描述
            </div>
        </a>
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:20px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>用户2</p>
            </div>
            <div class="weui_cell_ft">
                用户2描述
            </div>
        </a>
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:25px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>用户3</p>
            </div>
            <div class="weui_cell_ft">
                用户3描述
            </div>
        </a>
        <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_hd">
                <img src="" alt="icon" style="width:20px;margin-right:5px;display:block">
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>用户4</p>
            </div>
            <div class="weui_cell_ft">
                用户4描述
            </div>
        </a>
    </div>
</body>
</html>